@size: 16px;
[class*='form-design-icon-'],
[class*='form-icon-'],
[class*='workflow-icon-']
[class*='web-icon-']
 {
  display: inline-block;
  width: @size;
  height: @size;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: @size @size;
}

.form-design-icon {
  &-layout2 {
    background-image: url('../images/layout2.png');
  }
  &-layout3 {
    background-image: url('../images/layout3.png');
  }
  &-table,
  &-grid {
    background-image: url('../images/layout-table.png');
  }
  &-input {
    background-image: url('../images/control-input.png');
  }
  &-textarea {
    background-image: url('../images/control-textarea.png');
  }
  &-radio {
    background-image: url('../images/control-radio.png');
  }
  &-checkbox {
    background-image: url('../images/control-checkbox.png');
  }
  &-dropdownList {
    background-image: url('../images/control-select.png');
  }
  &-multilevel-dropdown {
    background-image: url('../images/control-comboselect.png');
  }
  &-date {
    background-image: url('../images/control-date.png');
  }
  &-intv-date {
    background-image: url('../images/control-daterange.png');
  }
  &-number {
    background-image: url('../images/control-number.png');
  }
  &-money {
    background-image: url('../images/control-amount.png');
  }
  &-selectPsn {
    background-image: url('../images/control-user.png');
  }
  &-selectDept {
    background-image: url('../images/control-dept.png');
  }
  &-alert {
    background-image: url('../images/control-alert.png');
  }
  &-line {
    background-image: url('../images/control-line.png');
  }
  &-email {
    background-image: url('../images/control-email.png');
  }
  &-tel {
    background-image: url('../images/control-tel.png');
  }
  &-phone {
    background-image: url('../images/control-phone.png');
  }
  &-attach {
    background-image: url('../images/control-attach.png');
  }
  &-picture {
    background-image: url('../images/control-picture.png');
  }
  &-monitor {
    background-image: url('../images/control-monitor.png');
  }
  &-score {
    background-image: url('../images/control-score.png');
  }
  &-serial {
    background-image: url('../images/control-serial.png');
  }
  &-project {
    background-image: url('../images/control-project.png');
  }
  &-task {
    background-image: url('../images/control-task.png');
  }
  &-file {
    background-image: url('../images/control-file.png');
  }
  &-workflow {
    background-image: url('../images/control-workflow.png');
  }
  &-appData {
    background-image: url('../images/control-appData.png');
  }
  &-customer {
    background-image: url('../images/control-customer.png');
  }
  &-contactPsn {
    background-image: url('../images/control-contactPsn.png');
  }
  &-salechance {
    background-image: url('../images/control-salechance.png');
  }
  &-product {
    background-image: url('../images/control-product.png');
  }
  &-contract {
    background-image: url('../images/control-contract.png');
  }
  &-basicData {
    background-image: url('../images/control-basicData.png');
  }
  &-pic-radio {
    background-image: url('../images/control-picture.png');
  }
  &-pic-checkbox {
    background-image: url('../images/control-pic-checkbox.png');
  }
}

.form-icon {
  &-dept {
    background-image: url('../images/dept-node.png');
  }
  &-user {
    background-image: url('../images/user-node.png');
  }
  &-folder {
    background-image: url('../images/folder-node.png');
  }
  &-revert {
    background-image: url('../images/revert.png');
  }
}

